<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索结果</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../viewcss/SearchResult.css">
 
</head>
<body>
    <div class="search">
        <input id="search-input" type="text" class="form-control" placeholder="" aria-describedby="basic-addon1"/>
        <button onclick="toDecompose()" id="search" type="button" class="btn">溯源</button>
    </div>
    <div class="result">
        <div class="result_list">
        </div>
        <div class="detail">
            <div class="detail_list">
            </div>
            <div class="detail_content">
                <div class="content list-group pre-scrollable">
                    <div class="title"></div>
                    <div class="source"></div>
                    <div class="desc">
                    </div>
                </div>
                <div class="similar">
                    <div class="source_item">
                    </div>
                    <div class="similar_item">
                    </div>
                    <div class="video_item">
                    </div>
                </div>
            </div>
        </div>
        <div class="divider"></div>
        <div class="tree">

        </div>
    </div>

    <div class="mydecompose">
        
        <div class="layout">
            <div class="title">
                <span>提示</span>
            </div>
            <div class="content">
                <div class="recommend">建议：可以对该溯源问题作进一步分解</div>
                <div class="layout_content">
                    <div class="layout_question">
                        <div class="origin"><span>原问题：</span><myspan id="origin_question"></myspan></div>
                        <div class="question_list">
                            <div id="input_questions" class="list-group pre-scrollable">
                                <div class="sub_question">
                                    <span class="decompose_title">子问题1：</span>
                                    <input onclick="clickInput(this)">
                                    <div onclick="deleteSubQuestion(this)" class="delete">
                                        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                                        <span class="end">删除</span>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="add_question">
                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                                添加子问题
                            </div>
                        </div>

                        <div class="operation">
                            <button id="decompose" type="button" class="btn-bottom">确认分解</button>
                            <button id="direct" type="button" class="btn-bottom">直接溯源</button>
                        </div>
                    </div>
                    <div class="divider"></div>
                    <div class="layout_list">
                        <div class="list_title">大数据分解维度推荐</div>
                        <div id="questions" class="list-group pre-scrollable">
                        </div>
                    </div>
                </div>
        </div>

    </div>
    </div>
    <!-- loading -->
    <div class="loading">
        <img src="../img/loading.gif" />
    </div>

</body>
<script src="../js/jquery-3.5.1.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/d3.v3.min.js"></script>
<script src="../viewjs/SearchResult.js"></script>
</html>